import { Outlet } from "react-router-dom";

import { Layout, Flex } from "antd";

import PageElement from "@/components/PageElement";

import WebHeaderLogo from "./component/logo";
import WebHeaderNavbar from "./component/navbar";

import "./index.scss";
const { Header, Content, Footer } = Layout;

export default function WebIndex() {
  return (
    <Layout className='web-container-layout'>
      <Header className='web-layout-header'>
        <PageElement card={false}>
          <Flex justify='space-between'>
            <WebHeaderLogo />
            <WebHeaderNavbar />
          </Flex>
        </PageElement>
      </Header>
      <Content className='web-layout-content'>
      <Outlet />
      </Content>
      <Footer className='web-layout-footer'>
        <PageElement>1</PageElement>
      </Footer>
    </Layout>
  );
}
